<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<title></title>
	</head>
	<style>
		*{
			padding: 0;
			margin: 0;
		}
		.hint{
			height: 4rem;
			width: 8rem;
			border-radius:0.5rem ;
			margin-left: 1rem;
			background-color: #FAFAFA;
		}
		.h1{
			width: 8rem;
			height: 1.5rem;
			font-size: 0.6rem;
			text-align: center;
			line-height: 1.5rem;
			font-weight: bold;
		}
		.h2{
			width: 8rem;
			height: 1rem;
			text-align: center;
			font-size: 0.4rem;
			font-weight: 600;
		}
		.h3{
			height: 1.5rem;
			width: 8rem;
			text-align: center;
			font-size: 0.7rem;
			line-height: 1.5rem;
			color: #2a76b5;
			border-top: 1px solid #DFDFDF;
		}
	</style>
	<body>
		<div class="hint">
			<div class="h1">数据加载失败</div>
			<div class="h2">哎哟喂，被挤爆了，请稍后重试</div>
			<div class="h3">确定</div>
		</div>
	</body>
</html>
<script type="text/javascript" src="__PUBLIC__/js/jquery-2.1.0.js" ></script>
<script>
	var Owidth = $(document).width();
	var Oheight = $(document).height();
	$('html').css('font-size', Owidth / 10 + 'px');
	var Ohint = $('.hint').height();
	$('.hint').css("margin-top",(Oheight-Ohint)/2);
	$("body").css('background','rgba(0,0,0,0.2)');
</script>